<div id="blockchainContainer">
  <div class="blockTitle">
    <div>{{ this.i18nValues['pageTitle'][0] }}</div>
    <div>Verification</div>
  </div>
  <div class="searchCon">
    <d-search style="width: 700px" [maxLength]="40" [size]="'lg'" [(ngModel)]="searchText" [iconPosition]="'left'"
      [isKeyupSearch]="true" [placeholder]="'请输入藏品ID进行核验，例如：8e848d51008c3d6b17f71671#2'"
      (searchFn)="getSearchKeyword($event)"></d-search>
    <d-button (btnClick)="verifySearchKeyword()" style="margin-top: 8px; margin-left: 8px" bsSize="lg">{{
      this.i18nValues['pageTitle'][1] }}</d-button>
  </div>
  <div class="blockTitle">
    <div>{{ this.i18nValues['pageTitle'][2] }}</div>
    <div>Blockchain running status</div>
  </div>
  <div class="assetsData">
    <div *ngFor="let item of assetsRunList">
      <div>{{ item.name }}</div>
      <div>{{ item.value }}</div>
    </div>
  </div>
  <div class="blockTitle tableTopTitle">
    <div>{{ this.i18nValues['pageTitle'][3] }}</div>
    <div>Last 10 transactions</div>
  </div>
  <div [ngClass]="lazyDataSource.length ? '' : 'borderDashed'">
    <d-data-table [dataSource]="lazyDataSource" [scrollable]="false" [showLoading]="showLoading"
      [tableWidthConfig]="tableWidthConfig" dLoading>
      <thead dTableHead>
        <tr dTableRow>
          <th dHeadCell minWidth="100px">
            {{ dataTableOptions.columns[0].header }}
          </th>
          <th dHeadCell minWidth="100px">
            {{ dataTableOptions.columns[1].header }}
          </th>
          <th dHeadCell minWidth="150px">
            {{ dataTableOptions.columns[2].header }}
          </th>
        </tr>
      </thead>
      <tbody dTableBody>
        <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
          <tr dTableRow>
            <td dTableCell *ngFor="let colOption of dataTableOptions.columns">
              {{
              colOption.fieldType === 'date'
              ? (rowItem[colOption.field] | i18nDate: 'short':false)
              : rowItem[colOption.field]
              }}
            </td>
          </tr>
        </ng-template>
      </tbody>
      <ng-template #noResultTemplateRef>
        <div style="text-align: center; margin-top: 20px">No Data</div>
      </ng-template>
    </d-data-table>
  </div>
</div>
